<template>
  <el-descriptions title="请假信息">
    <el-descriptions-item label="请假类型">
      {{ value.holidayType }}</el-descriptions-item>
    <el-descriptions-item label="开始时间">
      {{ parseTime(value.beginTime) }}</el-descriptions-item>
    <el-descriptions-item label="结束时间">
      {{ parseTime(value.endTime) }}</el-descriptions-item>
    <el-descriptions-item label="时长">
      {{ value.duration }}
    </el-descriptions-item>
    <el-descriptions-item label="备注">
      {{ value.remark }}
    </el-descriptions-item>
  </el-descriptions>
</template>

<script>
export default {
  name: 'HolidayDetail',
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    data: {
      type: Object,
      default: null
    }
  },
  data() {
    return {
      value: this.data ? this.data : this.$route.query.value
    }
  }
}
</script>

<style>
</style>
